<template>
	<view class="list-container">
		<view class="">
			<view class="course-list">
				<image src="../../static/img/kecheng1.jpg" mode=""></image>
				<view class="course-content">
					<view class="course-title">坚持道路自信走中国特色社会主义道路第一集</view>
					<view class="course-tips">
						<view class="course-count">共12课时</view>
						<view class="course-plan">已学12%</view>
					</view>
				</view>
			</view>
			<view class="list-line"></view>
		</view>
		<view class="">
			<view class="course-list">
				<image src="../../static/img/kecheng1.jpg" mode=""></image>
				<view class="course-content">
					<view class="course-title">坚持道路自信走中国特色社会主义道路第一集</view>
					<view class="course-tips">
						<view class="course-count">共12课时</view>
						<view class="course-plan">已学12%</view>
					</view>
				</view>
			</view>
			<view class="list-line"></view>
		</view>
	</view>
</template>

<script>
</script>

<style scoped>
	.list-container{
		padding: 30rpx;
		font-size: 30.03rpx;
	}
	.course-list,.course-tips{
		display: flex;
	}
	.course-list{
		padding-left: 29rpx;
		padding-right: 53rpx;
	}
	.course-list image{
		width: 146rpx;
		height: 206rpx;
		border-radius: 4rpx;
	}
	.course-content{
		margin-left: 64rpx;
	}
	.course-title{
		margin-top: 39rpx;
		margin-bottom: 31rpx;
	}
	.course-tips{
		font-size: 26.08rpx;
		color: rgba(179, 182, 186, 1);
		justify-content: space-between;
	}
	.course-plan{
		padding-right: 21rpx;
	}
	.list-line{
		width: 690rpx;
		height: 3rpx;
		background: rgba(245, 245, 245, 1);
		margin-top: 28rpx;
		margin-bottom: 28rpx;
	}
</style>
